<template>
  <el-main class="e-m-5">

    <el-row>

      <el-col :span="12">
        <div>
          <h1>{{title}}</h1>
          <p>
            {{text}}
          </p>
        </div>
      </el-col>
      <el-col :span="12">
        <div>
          <img :src="img" alt="">
        </div>
      </el-col>

    </el-row>

  </el-main>
</template>

<script>
  export default {
    name: "ContentFourth",
    data(){
      return{
        img: 'https://bianke.cnki.net/resources/images/dachengForum/dcjt_bg4.jpg',
        title: '便捷的讲座发布系统',
        text: '智能便捷的讲座发布系统，三步让你轻松有料你就讲出来！'
      }
    }
  }
</script>

<style scoped>

  .e-m-5 {
    background-color: white;
  }
  .e-m-5 div {
    text-align: center;
  }
  .e-m-5 div img {
    margin-right: 200px;
    margin-top: -20px;
  }
  .e-m-5 div h1 {
    font-size: 45px;
    display: block;
    font-weight: normal;
    margin-top: 140px;
    margin-left: 200px;
  }
  .e-m-5 div p {
    line-height: 30px;
    display: block;
    margin-left: 220px;
  }
</style>
